@media screen and (max-width:1023px) {

}
@media screen and (max-width:599px) {


section {
    font-size: 3.2vw;
}
div.image_sd_wrap {
  width: 350%;
  padding: 3vw 0;
}
.hamburger_bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9998;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.6);
}
.hamburger_bg.on {
  opacity: 1;
  visibility: visible;
}


.sub {
  font-size: 4.2vw;
  margin-bottom: 2vw;
  text-align: center;
}
.title {
  font-size: 6.4vw;
  line-height: 1.3;
  text-align: center;
}



.intro {
  height: 150vw;
  z-index: 1;
}
.swiper_intro_left {
  width: 60%;
  opacity: 0.5;
  left: -15%;
}
.swiper_intro_right {
  width: 60%;
  opacity: 0.5;
  right: -15%;
}
.intro_title {
  width: 100%;
  font-size: 7vw;
  margin-bottom: 7vw;
  z-index: 5;
}
.intro_txt {
  font-size: 3.8vw;
  z-index: 5;
}
.intro_05 {
  width: 32%;
  margin-bottom: 4vw;
  z-index: 5;
}
.intro_01 {
  width: 28%;
  left: 8%;
  top: 14%;
}
.intro_02 {
  width: 25%;
  right: 7%;
  top: 19%;
}
.intro_03 {
  width: 33%;
  left: 9%;
  bottom: 8%;
}
.intro_04 {
  width: 30%;
  right: 9%;
  bottom: 6%;
}













.intro2 {
  height: 150vw;
  z-index: 1;
}
.intro2 {
  flex-direction: column;
}
.intro2_conbox {
  width: 100%;
  filter: brightness(1);
}
.intro2_conbox video{
  filter: brightness(0.6);
}
.intro_08 {
  width: 55%;
}
.intro_morebtn {
  font-size: 3.3vw;
  bottom: 12%;
}
.intro_07_1 {
  width: 50%;
  z-index: 1;
}
.intro_07_1.item1{
  margin-bottom: 7vw;
}
.intro_07_1.item2{
  margin-top: 7vw;
}
.intro_06 {
  width: 43.1784%;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 1%;
  left: 29%;
  z-index: -1;
}






.con01 {
  padding: 15vw 0 17vw 0;
}
.con01_title {
  margin-bottom: 10vw;
}
.con01_con {
  width: 100%;
  flex-direction: column;
}
.swiper_con01{
  width: 100%;
}
.con01_circle {
  width: 58%;
  margin-left: 0;
}
.con01_05 {
  display: none;
}
.con01_06 {
  width: 18%;
  left: 2%;
  top: -14%;
}
.con01_07 {
  width: 32%;
  right: 2%;
  bottom: -22%;
}
.swiper_con01_btn{
  z-index: 5;
  cursor: pointer;
  width: 11%;
  top: 59.5%;
}
.swiper_con01_prev{
  left: 15%;
  transform: rotate(180deg);
}
.swiper_con01_next{
  right: 15%;
}





.con02 {
  padding: 15vw 0 18vw 0;
}
.con02_title {
  margin-bottom: 6vw;
}
.con02_txt.item1 {
  margin-bottom: 5vw;
}
.con02_txt {
  font-size: 3.5vw;
  line-height: 1.5;
  text-align: center;
}
.con02_con {
  width: 100%;
  z-index: 5;
}
.con02_02 {
  width: 30%;
  bottom: -1%;
  left: 14.5%;
}
.con02_01 {
  width: 75%;
  right: -4%;
  top: 0;
  opacity: 0.5;
}






.con03_con {
  height: auto;
  flex-direction: column !important;
}
.con03_con_left {
  width: 100%;
  padding: 15vw 0;
}
.con03_con_right {
  width: 100%;
  background-color: var(--main-yellow);
}

.con03_con_right_in {
  width: 85%;
  top: 0;
  padding: 4vw 0;
  position: relative !important;

}
.con03_con_right_box {
  padding: 65vw 0 10vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.con03_title {
  margin-bottom: 4vw;
}
.con03_sub {
  font-size: 3.5vw;
  text-align: center;
}
.con03_num {
  width: 13%;
  /* margin-bottom: 42vw; */
  z-index: 5;
  position: absolute;
  top: 26%;
}
.con03_box_title {
  font-size: 4.8vw;
  margin-bottom: 4vw;
}
.con03_box_txt {
  font-size: 3.5vw;
  text-align: center;
}
.con03_con_img {
  width: 35%;
  top: 5%;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.4;
}
.con03_03_3 {
  right: -31%;
  bottom: -2%;
}
.con03_04_4 {
  left: 65%;
  bottom: 5%;
}
.swiper_con03_btn{
  cursor: pointer;
  z-index: 5;
  top: 41%;
}
.swiper_con03_prev{
  left: 5%;
  transform: rotate(180deg);
}
.swiper_con03_next{
  right: 5%;
}
.swiper_con03{
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 8vw 8vw;
}





.con04 {
  padding: 15vw 0 40vw 0;
  background-position: center bottom;
}
.con04_0 {
  width: 21%;
  margin-bottom: 3vw;
}
.con04_title {
  margin-bottom: 5vw;
}
.con04_videobox, .con05_videobox {
  width: 75vw;
  height: 42vw;
  border-radius: 3vw;
}
.con04_02 {
  display: none;
}
.con04_bg_1 {
  width: 235%;
}
.con04_01 {
  width: 46%;
  left: -2%;
  bottom: -11%;
}
.con04_03 {
  width: 8%;
  left: 20%;
  bottom: 75%;
}
.con04_07 {
  width: 10%;
  right: 17.4%;
  bottom: 70%;
}
.con04_06 {
  width: 8%;
  right: 4%;
  bottom: 17%;
}
.con04_04 {
  width: 8%;
  left: 7%;
  bottom: 68%;
}
.con04_05 {
  width: 7%;
  right: 5%;
  bottom: 66%;
}






.con05 {
  padding: 18vw 0 28vw 0;
}
.con05_title {
  margin-bottom: 6vw;
}
.con05_03 {
  width: 9%;
  bottom: 41%;
}
.swiper_con05_prev {
  left: 6.5%;
}
.swiper_con05_next {
  right: 6.5%;
}
.con05_02 {
  width: 62%;
  top: -12%;
  right: -5%;
  opacity: 0.5;
}
.con05_01 {
  width: 48%;
  bottom: -23%;
  opacity: 0.5;
}






.con06 {
  padding: 15vw 0;
}
.con06_txt {
  font-size: 3.5vw;
  margin-bottom: 22vw;
}
.con06_title {
  margin-bottom: 5vw;
}
.con06_con {
  width: 85%;;
  border-radius: 4vw;
}
.con06_con_box {
  width: 80%;
  flex-direction: column;
  border-radius: 4vw;
  opacity: 1;
  visibility: visible;
}
.con06_con_left {
  width: 100%;
  height: 49vw;
}
.con06_con_right {
  width: 100%;
  padding: 9vw 0;
  text-align: center;
}
.con06_con_right_in {
  width: 100%;
}
.con06_con_title {
  font-size: 4.5vw;
  margin-bottom: 4vw;
}
.con06_con_txt {
  font-size: 3.4vw;
}
.con06_con_btnwrap p {
  font-size: 3.5vw;
}
.con06_con_btnwrap {
  gap: 5vw;
  left: 53%;
  padding: 3vw 8vw;
  flex-direction: row;
  left: 50%;
  transform: translateX(-50%);
  top: 31.5%;
}
.con06_con_btn_line {
  transform: rotate(90deg);
}
.con06_con_shadow {
  border: 1px solid #000;
  border-radius: 4vw;
}
.con06_con_tagwrap {
  flex-wrap: wrap;
  gap: 2vw;
  padding: 4vw 0;
  margin-left: 4vw;
}
.con06_01_2 {
  width: 29%;
}
.con06_01_3 {
  width: 34.5%;
}
.con06_01_4 {
  width: 43%;
}
.con06_02_2 {
  width: 34%;
}
.con06_02_3 {
  width: 35%;
}
.con06_03_2 {
  width: 30%;
}
.con06_03_3 {
  width: 30%;
  margin-right: 5vw;
}
.con06_03_4 {
  width: 30%;
}
.con06_04_2 {
  width: 30%;
}
.con06_04_3 {
  width: 40%;
}
.con06_05_1 {
  width: 34%;
}
.con06_05_2 {
  width: 39%;
}
.con06_con_left.item5 {
  overflow: hidden;
}
.con06_bg {
  width: 250%;
}
.con06_01_5 {
  width: 18%;
}
.swiper_con06_mobile{
  width: 100%;
}




.swiper-pagination-bullet{
  background: none;
}
.swiper_con06_mobile_pagination {
  display: flex;
  gap: 2vw;
  align-items: center;
  width: auto !important;
  padding: 3vw 5vw;
  gap: 8vw;
  text-align: center;
  font-size: 3.8vw;
  font-family: 'SUIT-SemiBold';
  background-color: #eee;
  border-radius: 100px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  display: block;
  width: auto !important;
  height: auto !important;
  position: relative;
}
.swiper_con06_pagination_line{
  width: 3vw;
  height: 1px;
  background-color: #adadad;
  top: 50%;
  z-index: 5;
}
.swiper_con06_pagination_line.item1{
  left: 17%;
}
.swiper_con06_pagination_line.item2{
  left: 37%;
}
.swiper_con06_pagination_line.item3{
  left: 57%;
}
.swiper_con06_pagination_line.item4{
  left: 77%;
}
.swiper_con06_pagination_wrap{
  top: 31%;
  left: 50%;
  transform: translateX(-50%);
}







.con07 {
  padding: 3vw 0;
}
.con07_container {
  width: 94% !important;
  padding: 10vw 0;
  border-radius: 4vw;
}
.con07_title {
  margin-bottom: 8vw;
}
.con07_con {
  flex-direction: column;
  gap: 5vw;
}
.con07_con_circle {
  width: 60vw;
  height: 60vw;
}
.con07_circle_title {
  top: 15%;
  font-size: 3.8vw;
  margin-bottom: 3vw;
}
.con07_circle_txt {
  font-size: 5vw;
}
.con07_circle_txt span {
  font-size: 8.5vw;
}
.con07_con_circle.item1 {
  gap: 6vw;
}
.con07_con_circle.item2{
  margin-top: -11vw;
}
.con07_02 {
  right: -1.5%;
  bottom: 18%;
}
.con07_circle_title2 {
  font-size: 4.4vw;
  margin-bottom: 4vw;
}
.con07_circle_txt2 span {
  font-size: 11vw;
}
.con07_circle_txt2 {
  font-size: 8vw;
  margin-bottom: 13vw;
}
.con07_04_1 {
  width: 83%;
  margin-top: 5vw;
}
.con07_04_1_subtxt {
  top: -9%;
  font-size: 3.2vw;
}
.con07_04_1_txt {
  bottom: 5%;
  right: 7%;
  font-size: 5.2vw;
}





.con08 {
  padding: 13vw 0 15vw 0;
}
.con08_title {
  margin-bottom: 6vw;
}
.con08_con {
  width: 90%;
  height: 100vw;
  flex-direction: row;
  justify-content: space-between;
  gap: 2vw;
  padding: 0;
}
.con08_con_wrap {
  width: 100%;
  height: 80vw;
  top: auto;
  bottom: 0;
  right: 0;
  background-color: #fff;
  border-radius: 3vw;
  z-index: 1;
  overflow: hidden;
  border: 1px solid #000;
}
.con08_btn {
  width: 30vw;
  border-radius: 2vw;
  padding: 3vw 0;
  text-align: center;
}
.con08_btn_title {
  font-size: 4.2vw;
  margin-bottom: 1.5vw;
}
.con08_btn_txt {
  font-size: 3.2vw;
}
.con08_con_box {
  border-radius: 2vw;
  padding: 8vw 0;
  overflow: hidden;
  border: none;
}
.con08_type {
  width: 27%;
}
.con08_con_box_txt {
  font-size: 3.4vw;
}
.con08_con_box_title {
  font-size: 4.3vw;
  line-height: 1.3;
  margin-bottom: 3vw;
}
.con08_01_5 {
  width: 60%;
  top: -5%;
  right: 0%;
  opacity: 0.6;
}
.con08_01_4 {
  width: 47%;
  top: 9%;
  right: 11%;
}
.con08_01_2 {
  width: 43%;
  top: 26%;
  right: 34%;
}
.con08_01_3 {
  width: 45%;
  bottom: 49%;
  right: -1%;
}
.con08_02_5 {
  width: 44%;
  top: -3%;
  right: 0%;
  opacity: 0.6;
}
.con08_02_2 {
  width: 42%;
  top: 12%;
  right: 14%;
}
.con08_02_4 {
  width: 46%;
  top: 29%;
  right: 31%;
}
.con08_02_3 {
  width: 33%;
  bottom: 41%;
  right: 5%;
}
.con08_03_5 {
  width: 75%;
  bottom: 27%;
  right: -23%;
  opacity: 0.6;
}
.con08_03_2 {
  width: 50%;
  top: 9%;
  right: 13%;
}
.con08_03_3 {
  width: 35%;
  display: flex;
  top: 29%;
  right: 43%;
}
.con08_03_4 {
  width: 49%;
  bottom: 43%;
  right: -1%;
}





.con09 {
  padding: 15vw 0;
}
.con09_title {
  margin-bottom: 6vw;
  font-size: 6vw;
  line-height: 1.3;
}
.con09_05 {
  width: 42%;
  bottom: -3%;
  left: 29.5%;
}
.con09_txt {
  font-size: 3.5vw;
  text-align: center;
  line-height: 1.5;
}
.con09_txt.item1 {
  margin-bottom: 4vw;
}
.con09_txt.item2{
  margin-bottom: 8vw;
}
.swiper_con09{
  width: 100%;
}
.con09_con_box {
  width: 85%;
}
.swiper_con09_btn{
  cursor: pointer;
  z-index: 5;
  top: 68%;
}
.swiper_con09_prev{
  left: 21%;
  transform: rotate(180deg);
}
.swiper_con09_next{
  right: 21%;
}






.con10 {
  padding: 15vw 0 16vw 0;
}
.con10_title {
  margin-bottom: 3vw;
}
.con10_txt {
  text-align: center;
  line-height: 1.5;
  font-size: 3.5vw;
  margin-bottom: 8vw;
}
.con10_con {
  flex-direction: column;
  gap: 8vw;
  align-items: center;
}
.con10_con_videobox {
  position: relative !important;
  width: 80vw;
  height: 45vw;
  padding: 0;
}
.con10_slide img {
  border-radius: 3vw;
}
.swiper_con10_btm {
  padding: 2vw 0;
}
.con10_01 {
  width: 25%;
  top: 8%;
  left: 2%;
}
.con10_02 {
  width: 20%;
  top: 2%;
  right: 4%;
}





.con11 {
  padding: 15vw 0 0 0;
}
.con11_txt {
  font-size: 3.5vw;
  margin-bottom: 8vw;
}
.con11_title {
  margin-bottom: 5vw;
}
.con11_con {
  width: 100%;
  height: auto;
  flex-wrap: wrap;
}
.con11_con_txtbox {
  width: 100%;
  padding: 3vw 0;
  visibility: visible;
}
.con11_con_titlebox {
  width: 25vw;
  height: 85vw;
  box-sizing: border-box;
}
.con11_con_txtbox {
  width: 75vw;
  height: 85vw;
  padding: 6vw 0;
  visibility: visible;
}
.con11_con_txtbox.on {
  width: 75vw;
  height: 85vw;
  padding: 8vw 0;
  visibility: visible;
}
.con11_02_1 {
  width: 75%;
}
.con11_01_1 {
  width: 70%;
}
.con11_con_titlebox.item1{
  border-bottom: none;
}
.con11_con_txtbox_in {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0vw;
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
}
.con11_con_txtbox_title {
  font-size: 4.5vw;
  margin-bottom: 3vw;
}
.con11_con_txtbox_txt {
  font-size: 3.2vw;
  text-align: center;
}
.con11_con_tagwrap {
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2vw;
  margin-bottom: 5vw;
}
.con11_02_3 {
  width: 55%;
}
.con11_02_4 {
  width: 46%;
}
.con11_01_3 {
  width: 45%;
}
.con11_01_4 {
  width: 56%;
}
.con11_01_2 {
  width: 58%;
  top: 20%;
  right: -13%;
}
.con11_con_titlebox_char {
  opacity: 1;
  visibility: visible;
}
.con11_02_2 {
  width: 61%;
  top: 5%;
  right: -24%;
  z-index: 5;
}
.con11_01_5 {
  display: none;
}



.con12 {
  padding: 15vw 0;
}
.con12_btn {
  width: 40vw;
  font-size: 3.5vw;
  padding: 2vw 0;
  background-color: #fff;
}
.con12_title {
  margin-bottom: 5vw;
}
.con12_btnwrap {
  gap: 2vw;
  margin-bottom: 4vw;
}
.con12_02 {
  width: 11%;
  left: 5.5%;
  top: 16%;
}
.con12_con_btm_img {
  width: 67%;
}
.swiper_con12{
  width: 100%;
}
.con12_03 {
  display: none;
}
.flip_clock01{
  margin-bottom: 6vw !important;
}
.swiper_con12_btn{
  cursor: pointer;
  z-index: 5;
  top: 53%;
}
.swiper_con12_prev{
  left: 23%;
  transform: rotate(180deg);
}
.swiper_con12_next{
  right: 23%;
}
.con12_05_3{
  width: 74%;
}
.con12_05_1{
  width: 71%;
}
.con12_05_2{
  width: 70%;
}
.con12_04 {
  width: 46%;
  opacity: 0.3;
  z-index: -1;
  right: 0;
  top: -1%;
}



/* flip clock */
.flip-clock-dot {
  left: -1px !important;
}
.clock_wrap {
  width: 80% !important;
  margin-left: 11vw;
}
.flip-clock-wrapper ul {
  width: 11vw !important;
  height: 14vw !important;
  border-radius: 2vw !important;
}
.flip-clock-wrapper ul li a div .shadow {
  border-radius: 2vw !important;
}
.flip-clock-wrapper ul li a div.up {
  border-radius: 2vw 2vw 0 0 !important;
}
.flip-clock-wrapper ul li a div div.inn {
  font-size: 8vw !important;
}
.flip-clock-wrapper {
  gap: 1.5vw;
}
.flip-clock-dot {
  width: 1vw !important;
  height: 1vw !important;
  left: 7px;
}





.con13 {
  padding: 15vw 0;
}
.con13_01 {
  width: 33%;
  bottom: 1%;
  left: 34.5%;
}
.con13_title {
  margin-bottom: 4vw;
}
.con13_txt {
  font-size: 3.5vw;
  margin-bottom: 6vw;
  text-align: center;
  line-height: 1.5;
}
.swiper_con13_mobile{
  width: 100%;
  margin-bottom: 18vw;
}
.con13_con_box {
  width: 65%;
}
.swiper_con13_mobile_btn {
  width: 11%;
  cursor: pointer;
  z-index: 5;
  top: 32%;
}
.swiper_con13_mobile_prev{
  left: 10%;
  transform: rotate(180deg);
}
.swiper_con13_mobile_next{
  right: 10%;
}
.con13_2_title {
  font-size: 5.8vw;
  margin-bottom: 6vw;
}
.con13_2_sinho_wrap {
  flex-direction: column;
  margin-bottom: 8vw;
  gap: 2vw;
}
.con13_2_sinho {
  width: 55vw;
  padding: 2.6vw 0;
  border: 1px solid #000;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transition: 0.3s;
}
.swiper_con13_right {
  width: 8vw;
  right: -1%;
}
.swiper_con13_left {
  width: 8vw;
  left: -1%;
}






.con14 {
  height: 120vw;
}
/* .con14_con {
   display: none;
}  */
.con14_txt {
  font-size: 3.8vw;
}
.con14_con_box {
  background-position: center;
}
.con14_07 {
  width: 14%;
  top: 14%;
  left: 9%;
}
.con14_06 {
  width: 15%;
  top: 5%;
  left: 40%;
}
.con14_08 {
  width: 16%;
  top: 67%;
  left: 13%;
}
.con14_09 {
  width: 16%;
  top: 65%;
  right: 10%;
}
.con14_11 {
  width: 16%;
  top: 75%;
  right: 38%;
}
.con14_10 {
  width: 18%;
  top: 7%;
  right: 13%;
}

.con14_con_box.item4,.con14_con_box.item5{
  display: none;
}
.con14_con_box{
  width: 33.33%;
}
.con14_con_box_yellowbox {
  width: 33.33%;
  border-right: 1px solid #fff;
}
.con14_bg_con{
  background-color: #fff;
}
.con14_con_box_yellowbox:nth-child(4), .con14_con_box_yellowbox:nth-child(5){
  display: none;
}
.con14_con_box {
  background-position: center;
}




.con15 {
  padding: 15vw 0;
}
.con15_txt {
  font-size: 3.5vw;
  margin-bottom: 6vw;
  text-align: center;
}
.con15_btnwrap {
  gap: 2vw;
  margin-bottom: 6vw;
  flex-wrap: wrap;
}
.con15_btn {
  width: 29vw;
  font-size: 3.3vw;
  padding: 2vw 0;
}
.con15_01 {
  display: none;
}
.swiper_con15_wrap {
  width: 85%;
  border-radius: 3vw;
  padding: 0 2vw;
}
.con15_slide {
  width: 38vw;
}
.con15_slide_img {
  height: 30vw;
  border-radius: 2vw;
  margin-bottom: 3vw;
}
.swiper_con15 {
  padding: 5vw 0 5vw 0;
}
.con15_slide_title {
  white-space: nowrap;
  font-size: 3.4vw;
}
.con15_04 {
  width: 10%;
  top: 35%;
}
.swiper_con15_prev {
  left: -3.5%;
}
.swiper_con15_next {
  right: -3.5%;
}
.con15_02 {
  width: 28%;
  left: -7%;
  bottom: 65.2%;
  opacity: 0.8;
}
.con15_03 {
  width: 52%;
  right: 0%;
  bottom: -5%;
  opacity: 0.8;
}






.con16 {
  padding: 20vw 0 15vw 0;
}
.con16_line {
  width: 93%;
  height: 98%;
  border-radius: 3vw;
}
.swiper_con16 {
  width: 100%;
  height: 70vw;
}
.swiper_con16_slide {
  border-radius: 3vw;
}
.swiper_con16_btn {
  width: 10%;
  top: 58%;
}
.swiper_con16_prev {
  left: 20%;
}
.swiper_con16_next {
  right: 20%;
}
.con16_title {
  margin-bottom: 6vw;
}
.con16_02 {
  display: none;
}
.con16_04 {
  display: none;
}
.con16_01 {
  width: 45%;
  left: 5%;
  top: -12%;
}
.con16_03 {
  width: 34%;
  right: 1%;
  top: 29%;
  z-index: 5;
}



.swiper_con17_slide6 {
  height: 54vw;
}
.swiper_con17_slide9 {
  height: 50vw;
  border: 1px solid #000;
  overflow: hidden;
}
.con17_container {
  height: 70vw;
}
.con17_2_con {
  width: 100%;
  height: auto;
  background-color: transparent;
  top: 10%;
  align-items: center;
  gap: 1.5vw;
  padding: 0;
}
.con17_2 {
  padding: 53vw 0 15vw 0;
}
.con17_2_sinho {
  width: 72vw;
  font-size: 3.5vw;
  padding: 2.2vw 0;
}
.con17_01 {
  width: 17%;
  left: 2%;
  top: 2%;
}
.con17_02 {
  width: 22%;
  right: 8%;
  bottom: 16%;
}
.swiper_con17_btm {
  padding: 2vw 0;
}



.con1819 {
  padding-top: 13vw;
}
.con1819_main {
  width: 90%;
  border-radius: 4vw;
}
.con18_01 {
  width: 48%;
  margin-top: -4.5vw;
}
.con18_title {
  margin-bottom: 3vw;
}
.con18_top_tt {
  font-size: 3.5vw;
  margin-bottom: 6vw;
}
.con18_row_wrap {
  width: 100%;
  flex-direction: column;
  gap: 2vw;
  margin-bottom: 8vw;
}
.con18_row {
  width: 60%;
  height: 12vw;
  border-radius: 2vw;
}
.con18_07 {
  width: 90%;
}
.con18_08 {
  width: 100%;
  top: 0%;
}




.con19 {
  padding-top: 13vw;
  padding-bottom: 10vw;
}
.swiper_con19{
  width: 100%;
}
.con19_row {
  width: 83%;
}
.swiper_con19_btn{
  width: 7%;
  cursor: pointer;
  z-index: 5;
  top: 56%;
}
.swiper_con19_prev{
  left: 3%;
  transform: rotate(180deg);
}
.swiper_con19_next{
  right: 3%;
}
.con18_09 {
  width: 50%;
  left: -26.5%;
  bottom: 24%;
}
.con18_10 {
  width: 47%;
  right: -22%;
  bottom: 18%;
}
.con19, .con20 {
  padding-top: 15vw;
  padding-bottom: 15vw;
}
.con20_title {
  margin-bottom: 12vw;
}

.con21 {
  background-color: var(--main-yellow);
  padding-top: 3vw;
}
.con21_main {
  width: 94%;
  flex-direction: column;
  align-items: center;
  padding: 10vw 0 8vw 0;
  gap: 10vw;
}
.con21_left {
  width: 100%;
  align-items: center;
  font-size: 3.5vw;
  margin: 0;
}
.con21_01 {
  width: 50% !important;
}
.con21_left_tt03 {
  text-align: center;
  margin-bottom: 6vw;
}
.con21_left_tt02 {
  margin-bottom: 3vw;
  font-size: 3.8vw;
}
.con21_left_tt01 {
  margin-bottom: 3vw;
  font-size: 7vw;
}




/* 규남 */

/* form */
div.form_wrap {
  width: 94%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: 3.5vw;
  left: auto;
  padding: 6vw 0;
}

.form {
  width: 87%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.form_col {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 13vw;
}

.form_star {
  top: 14%;
  left: -0.7vw;
  color: #ef823a;
}

.form_star_top {
  top: -25%;
  left: 38.4vw;
}

.form_top {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-bottom: 1px solid #0000007a;
  padding-bottom: 2.5vw;
}

/*   .form_check_wrap01 label {
width: 28%;
height: 5.5vw;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
color: #000;
cursor: pointer;
transition: all 0.3s;
border: 1px solid #0000007a;
padding: 0 0.7vw;
border-radius: 2.3vw;
} */

.footeer_agree_checkbox_01,
.footeer_checkbox_05,
.footeer_checkbox_06 {
  width: 3vw;
  height: 3vw;
  border: none;
  cursor: pointer;
  appearance: none;
  background-color: transparent;
  margin-right: 1.5vw;
}

.form_check_name_05 {
  margin-right: 5vw;
}

.form_input_06 {
  width: 70%;
  background-size: 6%;
}
.form_check_wrap01 label {
  font-size: 3.5vw;
}
.form_agree_wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 2.9vw;
  margin: 2vw 0 8vw;
}

.form_submit_div {
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 4.5vw;
  height: 11vw;
}

.form_input_box>label {
  font-weight: 600;
  font-size: 3.5vw;
}

.form_check_wrap01 input {
  width: 3.7vw;
  height: 3.7vw;
}

/* .form_check_wrap01 {
  gap: 1.5vw;
} */

/* form */


/*    map*/


.con20_map {
  width: 90% !important;
}
.map_mid_2nd {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 92%;
margin-bottom: 35%;
}    


.map {
width: 100%;
height: 55vw;
border-radius: 0vw;
border-bottom: none;
}
.map_search {
width: 5% !important;
right: 8%;
}
.map_mid_map_search_mid {
display: flex;
justify-content: space-between;
align-items: center;
width: 91%;
height: 12vw;
padding: 0% 4%;
box-sizing: border-box;
margin: auto;
z-index: 3;
top: -7vw;
background-color: #fff;
border-radius: 50vw;
overflow: hidden;
}
.map_mid_map_search{
position: relative !important;
width: 100%;
background: white;
height: 89vw;
top: 5%;
z-index: 0;
overflow: hidden;
border-radius: 0;
left: 0;
transform: translateY(0);
}
.map_mid_map_search_top > div {
color: #000;
width: 50%;
display: flex;
justify-content: center;
align-items: center;
padding-top: 5%;
padding-bottom: 3%;
font-size: 3.2vw;
}
.map_mid_map_search_mid input {
appearance: none;
border: none;
outline: none;
height: 100%;
padding-left: 5%;
font-size: 3vw;
}


.map_mid_map_search_item {
margin: 0% auto;
border-bottom: 1px solid #808080a3;
padding: 7% 0;
font-size: 3.4vw;
box-sizing: border-box;
}
.map_mid_map_search_item_title {
font-size: 4.3vw;
font-family: pretendard-bold;
}
.map_mid_map_search_bottom {
overflow: scroll;
height: 87.5vw;
width: 100%;
}
.map_link {
width: 43%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 3vw;
}
.map_plus {
width: 9.4%;
display: flex;
justify-content: center;
align-items: center;
right: 0%;
bottom: 14%;
cursor: pointer;
}
/*  popup  */
.popup_right> div > div:nth-child(1) {
width: 27%;
}
.popup_right_1st {
color: #E3C179;
width: 78%;
margin-bottom: 1%;
text-align: left;
justify-content: center;
align-items: center;
font-size: 4.2vw;
margin-top: 6%;
text-align: center;
}
div.popup {
width: 84%;
height: 115vw;
flex-direction: column;
justify-content: flex-start;
padding-top: 0%;
top: 0%;
gap: 4vw;
}

.popup_right_3rd .popup_right_3rd_right{
    width: 72%;
}


.map_mid_2nd {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
margin-bottom: 0%;
border-top: 1px solid #808080a3;
border-bottom: 1px solid #808080a3;
}


.popup_img {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 0;
height: 50%;
overflow: hidden;
margin-top: 0%;
margin-bottom: 0%;
}    
.popup_img_con {
left: unset;
overflow: hidden;
scale: 0.8;
overflow: hidden;
} 
.popup_top_absol {
width: 12.4369%;
display: flex;
justify-content: center;
align-items: center;
top: 6%;
left: unset;
}
.popup_top_absol_2nd {
width: 96.6687%;
display: flex;
justify-content: center;
align-items: center;
top: 13%;
left: unset;
}    
.popup_img {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 0;
height: 50%;
overflow: hidden;
}
.popup_right_6th{
justify-content: center !important;
}
.holme_close{
width: 100%;
}
.popup_close {
top: 4% !important;
right: 5% !important;
height: 7.5vw;
width: 7.5vw !important;
z-index: 10 !important;
}    

.fixed_popup {
z-index: 500000000;
}


.con01pop_05{
width: 100%;
}
.popup_right_6th_left {
width: 37.523% !important;
display: flex;
justify-content: center;
align-items: center;
color: #000;
background-color: #19c365;
border-radius: 5vw;
padding: 1.5vw 3vw;
right: auto;
bottom: 6%;
}

.popup_img_con {
overflow: hidden;
width: 100%;
scale: 1;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}    
.popup_right_2nd {
font-weight: 600;
width: 100%;
font-size: 4.56vw;
padding-bottom: 5%;
padding-left: 0%;
text-align: center;
}
.popup_right {
width: 100%;
height: 39%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
}

.popup_right>div {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
margin-top: 5%;
margin-left: 12%;
}

.popup_right>div>div:nth-child(1) {
width: 30%;
font-size: 4vw;
}

.popup_right>div>div:nth-child(2) {
font-weight: 400;
font-size: 3.5vw;
width: 60%;
}
div.popup_logo {
display: none !important;
}

/* 규남 */

.intro2_conbox .intro_07_1_in:not(.intro_07_1_in:last-child) {
  animation: scaleOpa 1s linear infinite;
}


}